<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/商机信息详情.css">
<body>
<header>
    <nav>
        <div class="logo">
            <span>客户资源信息</span>管理后台
        </div>
        <ul class="management">
            <li><span>&#xe661;</span>权限管理</li>
            <li><span>&#xe659;</span>用户列表</li>
            <li><span>&#xe68d;</span>系统日志</li>
        </ul>
        <ul class="management">
            <li><span class="ponum">&#xe65f;</span>在线人数</li>
            <li class="msgbtn">
                <span class="message">&#xe650;</span>系统消息
                <div class="newmsg" id="newmsg">
                    <div><span>最新消息</span><span class="down">&#xe600;</span></div>
                    <ul>
                        <li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
                    </ul>
                </div>
            </li>
            <li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
        </ul>
    </nav>
</header>
<div class="bigbox">
    <div class="sidebar">
        <ul>
            <li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
            <li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
            <li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
            <li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
            <li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
            <li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
            <li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
            <li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
            <li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
            <li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
        </ul>
    </div>
    <div class="box-right">
        <div class="rig-con">
            <h2>商机信息详情</h2>
            <form action="">
                <table>
                    <caption>
                        <b class="b1">详细信息</b>
                    </caption>
                    <tr>
                        <td class="td1">机构名称: </td>
                        <td class="td2"><a href="#" class="a1">南阳医学高等专科学校图书馆</a></td>
                        <td class="td1">邮编: </td>
                        <td class="td2">473007</td>
                    </tr>
                    <tr>
                        <td class="td1">机构地址: </td>
                        <td class="td2">河南省南阳市卧龙路1439号</td>
                        <td class="td1">网站: </td>
                        <td class="td2">http://www.nymc.cn</td>
                    </tr>
                    <tr>
                        <td class="td1">联系人: </td>
                        <td class="td2"> <span class="sp1">周青玲</span><span class="sp2">(目前有<b>5</b>联系人)</span></td>
                        <td class="td1">学校: </td>
                        <td class="td2">学校</td>
                    </tr>
                    <tr>
                        <td class="td1">手机: </td>
                        <td class="td2">13525671878</td>
                        <td class="td1">行业类别: </td>
                        <td class="td2">高职高专</td>
                    </tr>
                    <tr>
                        <td class="td1">电话: </td>
                        <td class="td2">0377-63526381</td>
                        <td class="td1">重要级别: </td>
                        <td class="td2">很重要</td>
                    </tr>
                    <tr>
                        <td class="td1">国家: </td>
                        <td class="td2">中国</td>
                        <td class="td1">单位等级: </td>
                        <td class="td2">二级</td>
                    </tr>
                    <tr>
                        <td class="td1">省份: </td>
                        <td class="td2">河南省</td>
                        <td class="td1">区域等级: </td>
                        <td class="td2">市级</td>
                    </tr>
                    <tr>
                        <td class="td1">城市: </td>
                        <td class="td2">南阳市</td>
                    </tr>
                </table>

                <table class="tab2">
                    <caption>
                        <b class="b1">其他信息</b>
                    </caption>
                    <tr>
                        <td class="td1">经办人: </td>
                        <td class="td2">夏小芳</td>
                        <td class="td1">采购途径: </td>
                        <td class="td2">不确定</td>
                    </tr>
                    <tr>
                        <td class="td1">年费: </td>
                        <td class="td2"><sapn class="sp3">0</sapn><span>万</span></td>
                        <td class="td1">分配情况: </td>
                        <td class="td2">未分配</td>
                    </tr>
                    <tr>
                        <td class="td1">电子资源经费: </td>
                        <td class="td2"><sapn class="sp3">0</sapn><span>万</span></td>
                        <td class="td1">商机状态: </td>
                        <td class="td2">潜在</td>
                    </tr>
                    <tr>
                        <td class="td1">采购时间: </td>
                        <td class="td2">不确定</td>
                        <td class="td1">备注信息: </td>
                        <td class="td2">暂无</td>
                    </tr>
                    <tr>
                        <td class="td1">采购级别: </td>
                        <td class="td2">不确定</td>
                        <td class="td1">合同信息: </td>
                        <td class="td2"><a class="a2" href="#">图书馆合同</a></td>
                    </tr>
                    <tr>
                        <td class="td1">采购方式: </td>
                        <td class="td2">不确定</td>
                        <td class="td1">产品信息: </td>
                        <td class="td2"><a class="a2" href="#">专区</a></td>
                    </tr>
                </table>
                <p class="p1"><a class="a3" href="#">返回</a></p>
            </form>
        </div>
    </div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
<script>
    let msgbtn = document.querySelector('.msgbtn')
    let down = document.querySelector('.down')
    let newmsg = document.querySelector('.newmsg')

    down.onclick = function(e) {
        newmsg.style.display = 'none'
        e.stopPropagation()
    }
    msgbtn.onclick = function() {
        newmsg.style.display = 'block'
    }
</script>
</body>
</html>
